import React from 'react'
import { Card, Space } from 'antd'
import { RightOutlined } from '@ant-design/icons'
import indexStyle from '../index.less'
import { articleRecommendList } from '../public/common'

class ArticleRecommend extends React.PureComponent {


  render () {
    return (
      <div>
        <Card
          title="向你推荐"
          extra={<a href="#" style={{ color: '#999aaa' }}>所有活动<RightOutlined/></a>}
          style={{
            width: 350,
          }}
        >
          {
            articleRecommendList.map(item => {
              return <div className={indexStyle.articleRecommend} key={item.key}>
                <Space>
                  <div className={indexStyle.articleRecommendImage}/>
                  {item.article}
                </Space>
                <RightOutlined/>
              </div>
            })
          }
        </Card>
      </div>
    )
  }
}

export default ArticleRecommend
